import React, { Component } from 'react';
import { Consumer } from '../MsgContext.js';

export class SonSon extends Component {
  render() {
    // 3. 使用Consumer取出数据
    // 注意：
    // 3.1. Consumer标签的内容，是一个{函数}
    // 3.2. 函数的形参，代表了Provider存入的数据
    // 3.3. 函数要有一个返回值
    return (
      <div>
        <h2> 孙子</h2>
        <Consumer>
          {({ msg, bbb }) => (
            <>
              <i>{msg}</i> <b>{bbb}</b>
            </>
          )}
        </Consumer>
      </div>
    );
  }
}
